<html>
 <head>
   <title>Palette</title>
 </head>
 <body>
  <div>
   <section>
    <div>
     <div style="background-color: #F44336;">
      <span>Red</span>
      <div>
       <span>500</span>
       <span>#F44336</span>
      </div>
     </div>
     <div style="background-color: #FFEBEE;">
      <div>
       <span>50</span>
       <span>#FFEBEE</span>
      </div>
     </div>
     <div style="background-color: #FFCDD2;">
      <div>
       <span>100</span>
       <span>#FFCDD2</span>
      </div>
     </div>
     <div style="background-color: #EF9A9A;">
      <div>
       <span>200</span>
       <span>#EF9A9A</span>
      </div>
     </div>
     <div style="background-color: #E57373;">
      <div>
       <span>300</span>
       <span>#E57373</span>
      </div>
     </div>
     <div style="background-color: #EF5350;">
      <div>
       <span>400</span>
       <span>#EF5350</span>
      </div>
     </div>
     <div style="background-color: #F44336;">
      <div>
       <span>500</span>
       <span>#F44336</span>
      </div>
     </div>
     <div style="background-color: #E53935;">
      <div>
       <span>600</span>
       <span>#E53935</span>
      </div>
     </div>
     <div style="background-color: #D32F2F;">
      <div>
       <span>700</span>
       <span>#D32F2F</span>
      </div>
     </div>
     <div style="background-color: #C62828;">
      <div>
       <span>800</span>
       <span>#C62828</span>
      </div>
     </div>
     <div style="background-color: #B71C1C;">
      <div>
       <span>900</span>
       <span>#B71C1C</span>
      </div>
     </div>
     <div style="background-color: #FF8A80;">
      <div>
       <span>A100</span>
       <span>#FF8A80</span>
      </div>
     </div>
     <div style="background-color: #FF5252;">
      <div>
       <span>A200</span>
       <span>#FF5252</span>
      </div>
     </div>
     <div style="background-color: #FF1744;">
      <div>
       <span>A400</span>
       <span>#FF1744</span>
      </div>
     </div>
     <div style="background-color: #D50000;">
      <div>
       <span>A700</span>
       <span>#D50000</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #E91E63;">
      <span>Pink</span>
      <div>
       <span>500</span>
       <span>#E91E63</span>
      </div>
     </div>
     <div style="background-color: #FCE4EC;">
      <div>
       <span>50</span>
       <span>#FCE4EC</span>
      </div>
     </div>
     <div style="background-color: #F8BBD0;">
      <div>
       <span>100</span>
       <span>#F8BBD0</span>
      </div>
     </div>
     <div style="background-color: #F48FB1;">
      <div>
       <span>200</span>
       <span>#F48FB1</span>
      </div>
     </div>
     <div style="background-color: #F06292;">
      <div>
       <span>300</span>
       <span>#F06292</span>
      </div>
     </div>
     <div style="background-color: #EC407A;">
      <div>
       <span>400</span>
       <span>#EC407A</span>
      </div>
     </div>
     <div style="background-color: #E91E63;">
      <div>
       <span>500</span>
       <span>#E91E63</span>
      </div>
     </div>
     <div style="background-color: #D81B60;">
      <div>
       <span>600</span>
       <span>#D81B60</span>
      </div>
     </div>
     <div style="background-color: #C2185B;">
      <div>
       <span>700</span>
       <span>#C2185B</span>
      </div>
     </div>
     <div style="background-color: #AD1457;">
      <div>
       <span>800</span>
       <span>#AD1457</span>
      </div>
     </div>
     <div style="background-color: #880E4F;">
      <div>
       <span>900</span>
       <span>#880E4F</span>
      </div>
     </div>
     <div style="background-color: #FF80AB;">
      <div>
       <span>A100</span>
       <span>#FF80AB</span>
      </div>
     </div>
     <div style="background-color: #FF4081;">
      <div>
       <span>A200</span>
       <span>#FF4081</span>
      </div>
     </div>
     <div style="background-color: #F50057;">
      <div>
       <span>A400</span>
       <span>#F50057</span>
      </div>
     </div>
     <div style="background-color: #C51162;">
      <div>
       <span>A700</span>
       <span>#C51162</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #9C27B0;">
      <span>Purple</span>
      <div>
       <span>500</span>
       <span>#9C27B0</span>
      </div>
     </div>
     <div style="background-color: #F3E5F5;">
      <div>
       <span>50</span>
       <span>#F3E5F5</span>
      </div>
     </div>
     <div style="background-color: #E1BEE7;">
      <div>
       <span>100</span>
       <span>#E1BEE7</span>
      </div>
     </div>
     <div style="background-color: #CE93D8;">
      <div>
       <span>200</span>
       <span>#CE93D8</span>
      </div>
     </div>
     <div style="background-color: #BA68C8;">
      <div>
       <span>300</span>
       <span>#BA68C8</span>
      </div>
     </div>
     <div style="background-color: #AB47BC;">
      <div>
       <span>400</span>
       <span>#AB47BC</span>
      </div>
     </div>
     <div style="background-color: #9C27B0;">
      <div>
       <span>500</span>
       <span>#9C27B0</span>
      </div>
     </div>
     <div style="background-color: #8E24AA;">
      <div>
       <span>600</span>
       <span>#8E24AA</span>
      </div>
     </div>
     <div style="background-color: #7B1FA2;">
      <div>
       <span>700</span>
       <span>#7B1FA2</span>
      </div>
     </div>
     <div style="background-color: #6A1B9A;">
      <div>
       <span>800</span>
       <span>#6A1B9A</span>
      </div>
     </div>
     <div style="background-color: #4A148C;">
      <div>
       <span>900</span>
       <span>#4A148C</span>
      </div>
     </div>
     <div style="background-color: #EA80FC;">
      <div>
       <span>A100</span>
       <span>#EA80FC</span>
      </div>
     </div>
     <div style="background-color: #E040FB;">
      <div>
       <span>A200</span>
       <span>#E040FB</span>
      </div>
     </div>
     <div style="background-color: #D500F9;">
      <div>
       <span>A400</span>
       <span>#D500F9</span>
      </div>
     </div>
     <div style="background-color: #AA00FF;">
      <div>
       <span>A700</span>
       <span>#AA00FF</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #673AB7;">
      <span>Deep Purple</span>
      <div>
       <span>500</span>
       <span>#673AB7</span>
      </div>
     </div>
     <div style="background-color: #EDE7F6;">
      <div>
       <span>50</span>
       <span>#EDE7F6</span>
      </div>
     </div>
     <div style="background-color: #D1C4E9;">
      <div>
       <span>100</span>
       <span>#D1C4E9</span>
      </div>
     </div>
     <div style="background-color: #B39DDB;">
      <div>
       <span>200</span>
       <span>#B39DDB</span>
      </div>
     </div>
     <div style="background-color: #9575CD;">
      <div>
       <span>300</span>
       <span>#9575CD</span>
      </div>
     </div>
     <div style="background-color: #7E57C2;">
      <div>
       <span>400</span>
       <span>#7E57C2</span>
      </div>
     </div>
     <div style="background-color: #673AB7;">
      <div>
       <span>500</span>
       <span>#673AB7</span>
      </div>
     </div>
     <div style="background-color: #5E35B1;">
      <div>
       <span>600</span>
       <span>#5E35B1</span>
      </div>
     </div>
     <div style="background-color: #512DA8;">
      <div>
       <span>700</span>
       <span>#512DA8</span>
      </div>
     </div>
     <div style="background-color: #4527A0;">
      <div>
       <span>800</span>
       <span>#4527A0</span>
      </div>
     </div>
     <div style="background-color: #311B92;">
      <div>
       <span>900</span>
       <span>#311B92</span>
      </div>
     </div>
     <div style="background-color: #B388FF;">
      <div>
       <span>A100</span>
       <span>#B388FF</span>
      </div>
     </div>
     <div style="background-color: #7C4DFF;">
      <div>
       <span>A200</span>
       <span>#7C4DFF</span>
      </div>
     </div>
     <div style="background-color: #651FFF;">
      <div>
       <span>A400</span>
       <span>#651FFF</span>
      </div>
     </div>
     <div style="background-color: #6200EA;">
      <div>
       <span>A700</span>
       <span>#6200EA</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #3F51B5;">
      <span>Indigo</span>
      <div>
       <span>500</span>
       <span>#3F51B5</span>
      </div>
     </div>
     <div style="background-color: #E8EAF6;">
      <div>
       <span>50</span>
       <span>#E8EAF6</span>
      </div>
     </div>
     <div style="background-color: #C5CAE9;">
      <div>
       <span>100</span>
       <span>#C5CAE9</span>
      </div>
     </div>
     <div style="background-color: #9FA8DA;">
      <div>
       <span>200</span>
       <span>#9FA8DA</span>
      </div>
     </div>
     <div style="background-color: #7986CB;">
      <div>
       <span>300</span>
       <span>#7986CB</span>
      </div>
     </div>
     <div style="background-color: #5C6BC0;">
      <div>
       <span>400</span>
       <span>#5C6BC0</span>
      </div>
     </div>
     <div style="background-color: #3F51B5;">
      <div>
       <span>500</span>
       <span>#3F51B5</span>
      </div>
     </div>
     <div style="background-color: #3949AB;">
      <div>
       <span>600</span>
       <span>#3949AB</span>
      </div>
     </div>
     <div style="background-color: #303F9F;">
      <div>
       <span>700</span>
       <span>#303F9F</span>
      </div>
     </div>
     <div style="background-color: #283593;">
      <div>
       <span>800</span>
       <span>#283593</span>
      </div>
     </div>
     <div style="background-color: #1A237E;">
      <div>
       <span>900</span>
       <span>#1A237E</span>
      </div>
     </div>
     <div style="background-color: #8C9EFF;">
      <div>
       <span>A100</span>
       <span>#8C9EFF</span>
      </div>
     </div>
     <div style="background-color: #536DFE;">
      <div>
       <span>A200</span>
       <span>#536DFE</span>
      </div>
     </div>
     <div style="background-color: #3D5AFE;">
      <div>
       <span>A400</span>
       <span>#3D5AFE</span>
      </div>
     </div>
     <div style="background-color: #304FFE;">
      <div>
       <span>A700</span>
       <span>#304FFE</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #2196F3;">
      <span>Blue</span>
      <div>
       <span>500</span>
       <span>#2196F3</span>
      </div>
     </div>
     <div style="background-color: #E3F2FD;">
      <div>
       <span>50</span>
       <span>#E3F2FD</span>
      </div>
     </div>
     <div style="background-color: #BBDEFB;">
      <div>
       <span>100</span>
       <span>#BBDEFB</span>
      </div>
     </div>
     <div style="background-color: #90CAF9;">
      <div>
       <span>200</span>
       <span>#90CAF9</span>
      </div>
     </div>
     <div style="background-color: #64B5F6;">
      <div>
       <span>300</span>
       <span>#64B5F6</span>
      </div>
     </div>
     <div style="background-color: #42A5F5;">
      <div>
       <span>400</span>
       <span>#42A5F5</span>
      </div>
     </div>
     <div style="background-color: #2196F3;">
      <div>
       <span>500</span>
       <span>#2196F3</span>
      </div>
     </div>
     <div style="background-color: #1E88E5;">
      <div>
       <span>600</span>
       <span>#1E88E5</span>
      </div>
     </div>
     <div style="background-color: #1976D2;">
      <div>
       <span>700</span>
       <span>#1976D2</span>
      </div>
     </div>
     <div style="background-color: #1565C0;">
      <div>
       <span>800</span>
       <span>#1565C0</span>
      </div>
     </div>
     <div style="background-color: #0D47A1;">
      <div>
       <span>900</span>
       <span>#0D47A1</span>
      </div>
     </div>
     <div style="background-color: #82B1FF;">
      <div>
       <span>A100</span>
       <span>#82B1FF</span>
      </div>
     </div>
     <div style="background-color: #448AFF;">
      <div>
       <span>A200</span>
       <span>#448AFF</span>
      </div>
     </div>
     <div style="background-color: #2979FF;">
      <div>
       <span>A400</span>
       <span>#2979FF</span>
      </div>
     </div>
     <div style="background-color: #2962FF;">
      <div>
       <span>A700</span>
       <span>#2962FF</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #03A9F4;">
      <span>Light Blue</span>
      <div>
       <span>500</span>
       <span>#03A9F4</span>
      </div>
     </div>
     <div style="background-color: #E1F5FE;">
      <div>
       <span>50</span>
       <span>#E1F5FE</span>
      </div>
     </div>
     <div style="background-color: #B3E5FC;">
      <div>
       <span>100</span>
       <span>#B3E5FC</span>
      </div>
     </div>
     <div style="background-color: #81D4FA;">
      <div>
       <span>200</span>
       <span>#81D4FA</span>
      </div>
     </div>
     <div style="background-color: #4FC3F7;">
      <div>
       <span>300</span>
       <span>#4FC3F7</span>
      </div>
     </div>
     <div style="background-color: #29B6F6;">
      <div>
       <span>400</span>
       <span>#29B6F6</span>
      </div>
     </div>
     <div style="background-color: #03A9F4;">
      <div>
       <span>500</span>
       <span>#03A9F4</span>
      </div>
     </div>
     <div style="background-color: #039BE5;">
      <div>
       <span>600</span>
       <span>#039BE5</span>
      </div>
     </div>
     <div style="background-color: #0288D1;">
      <div>
       <span>700</span>
       <span>#0288D1</span>
      </div>
     </div>
     <div style="background-color: #0277BD;">
      <div>
       <span>800</span>
       <span>#0277BD</span>
      </div>
     </div>
     <div style="background-color: #01579B;">
      <div>
       <span>900</span>
       <span>#01579B</span>
      </div>
     </div>
     <div style="background-color: #80D8FF;">
      <div>
       <span>A100</span>
       <span>#80D8FF</span>
      </div>
     </div>
     <div style="background-color: #40C4FF;">
      <div>
       <span>A200</span>
       <span>#40C4FF</span>
      </div>
     </div>
     <div style="background-color: #00B0FF;">
      <div>
       <span>A400</span>
       <span>#00B0FF</span>
      </div>
     </div>
     <div style="background-color: #0091EA;">
      <div>
       <span>A700</span>
       <span>#0091EA</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #00BCD4;">
      <span>Cyan</span>
      <div>
       <span>500</span>
       <span>#00BCD4</span>
      </div>
     </div>
     <div style="background-color: #E0F7FA;">
      <div>
       <span>50</span>
       <span>#E0F7FA</span>
      </div>
     </div>
     <div style="background-color: #B2EBF2;">
      <div>
       <span>100</span>
       <span>#B2EBF2</span>
      </div>
     </div>
     <div style="background-color: #80DEEA;">
      <div>
       <span>200</span>
       <span>#80DEEA</span>
      </div>
     </div>
     <div style="background-color: #4DD0E1;">
      <div>
       <span>300</span>
       <span>#4DD0E1</span>
      </div>
     </div>
     <div style="background-color: #26C6DA;">
      <div>
       <span>400</span>
       <span>#26C6DA</span>
      </div>
     </div>
     <div style="background-color: #00BCD4;">
      <div>
       <span>500</span>
       <span>#00BCD4</span>
      </div>
     </div>
     <div style="background-color: #00ACC1;">
      <div>
       <span>600</span>
       <span>#00ACC1</span>
      </div>
     </div>
     <div style="background-color: #0097A7;">
      <div>
       <span>700</span>
       <span>#0097A7</span>
      </div>
     </div>
     <div style="background-color: #00838F;">
      <div>
       <span>800</span>
       <span>#00838F</span>
      </div>
     </div>
     <div style="background-color: #006064;">
      <div>
       <span>900</span>
       <span>#006064</span>
      </div>
     </div>
     <div style="background-color: #84FFFF;">
      <div>
       <span>A100</span>
       <span>#84FFFF</span>
      </div>
     </div>
     <div style="background-color: #18FFFF;">
      <div>
       <span>A200</span>
       <span>#18FFFF</span>
      </div>
     </div>
     <div style="background-color: #00E5FF;">
      <div>
       <span>A400</span>
       <span>#00E5FF</span>
      </div>
     </div>
     <div style="background-color: #00B8D4;">
      <div>
       <span>A700</span>
       <span>#00B8D4</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #009688;">
      <span>Teal</span>
      <div>
       <span>500</span>
       <span>#009688</span>
      </div>
     </div>
     <div style="background-color: #E0F2F1;">
      <div>
       <span>50</span>
       <span>#E0F2F1</span>
      </div>
     </div>
     <div style="background-color: #B2DFDB;">
      <div>
       <span>100</span>
       <span>#B2DFDB</span>
      </div>
     </div>
     <div style="background-color: #80CBC4;">
      <div>
       <span>200</span>
       <span>#80CBC4</span>
      </div>
     </div>
     <div style="background-color: #4DB6AC;">
      <div>
       <span>300</span>
       <span>#4DB6AC</span>
      </div>
     </div>
     <div style="background-color: #26A69A;">
      <div>
       <span>400</span>
       <span>#26A69A</span>
      </div>
     </div>
     <div style="background-color: #009688;">
      <div>
       <span>500</span>
       <span>#009688</span>
      </div>
     </div>
     <div style="background-color: #00897B;">
      <div>
       <span>600</span>
       <span>#00897B</span>
      </div>
     </div>
     <div style="background-color: #00796B;">
      <div>
       <span>700</span>
       <span>#00796B</span>
      </div>
     </div>
     <div style="background-color: #00695C;">
      <div>
       <span>800</span>
       <span>#00695C</span>
      </div>
     </div>
     <div style="background-color: #004D40;">
      <div>
       <span>900</span>
       <span>#004D40</span>
      </div>
     </div>
     <div style="background-color: #A7FFEB;">
      <div>
       <span>A100</span>
       <span>#A7FFEB</span>
      </div>
     </div>
     <div style="background-color: #64FFDA;">
      <div>
       <span>A200</span>
       <span>#64FFDA</span>
      </div>
     </div>
     <div style="background-color: #1DE9B6;">
      <div>
       <span>A400</span>
       <span>#1DE9B6</span>
      </div>
     </div>
     <div style="background-color: #00BFA5;">
      <div>
       <span>A700</span>
       <span>#00BFA5</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #4CAF50;">
      <span>Green</span>
      <div>
       <span>500</span>
       <span>#4CAF50</span>
      </div>
     </div>
     <div style="background-color: #E8F5E9;">
      <div>
       <span>50</span>
       <span>#E8F5E9</span>
      </div>
     </div>
     <div style="background-color: #C8E6C9;">
      <div>
       <span>100</span>
       <span>#C8E6C9</span>
      </div>
     </div>
     <div style="background-color: #A5D6A7;">
      <div>
       <span>200</span>
       <span>#A5D6A7</span>
      </div>
     </div>
     <div style="background-color: #81C784;">
      <div>
       <span>300</span>
       <span>#81C784</span>
      </div>
     </div>
     <div style="background-color: #66BB6A;">
      <div>
       <span>400</span>
       <span>#66BB6A</span>
      </div>
     </div>
     <div style="background-color: #4CAF50;">
      <div>
       <span>500</span>
       <span>#4CAF50</span>
      </div>
     </div>
     <div style="background-color: #43A047;">
      <div>
       <span>600</span>
       <span>#43A047</span>
      </div>
     </div>
     <div style="background-color: #388E3C;">
      <div>
       <span>700</span>
       <span>#388E3C</span>
      </div>
     </div>
     <div style="background-color: #2E7D32;">
      <div>
       <span>800</span>
       <span>#2E7D32</span>
      </div>
     </div>
     <div style="background-color: #1B5E20;">
      <div>
       <span>900</span>
       <span>#1B5E20</span>
      </div>
     </div>
     <div style="background-color: #B9F6CA;">
      <div>
       <span>A100</span>
       <span>#B9F6CA</span>
      </div>
     </div>
     <div style="background-color: #69F0AE;">
      <div>
       <span>A200</span>
       <span>#69F0AE</span>
      </div>
     </div>
     <div style="background-color: #00E676;">
      <div>
       <span>A400</span>
       <span>#00E676</span>
      </div>
     </div>
     <div style="background-color: #00C853;">
      <div>
       <span>A700</span>
       <span>#00C853</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #8BC34A;">
      <span>Light Green</span>
      <div>
       <span>500</span>
       <span>#8BC34A</span>
      </div>
     </div>
     <div style="background-color: #F1F8E9;">
      <div>
       <span>50</span>
       <span>#F1F8E9</span>
      </div>
     </div>
     <div style="background-color: #DCEDC8;">
      <div>
       <span>100</span>
       <span>#DCEDC8</span>
      </div>
     </div>
     <div style="background-color: #C5E1A5;">
      <div>
       <span>200</span>
       <span>#C5E1A5</span>
      </div>
     </div>
     <div style="background-color: #AED581;">
      <div>
       <span>300</span>
       <span>#AED581</span>
      </div>
     </div>
     <div style="background-color: #9CCC65;">
      <div>
       <span>400</span>
       <span>#9CCC65</span>
      </div>
     </div>
     <div style="background-color: #8BC34A;">
      <div>
       <span>500</span>
       <span>#8BC34A</span>
      </div>
     </div>
     <div style="background-color: #7CB342;">
      <div>
       <span>600</span>
       <span>#7CB342</span>
      </div>
     </div>
     <div style="background-color: #689F38;">
      <div>
       <span>700</span>
       <span>#689F38</span>
      </div>
     </div>
     <div style="background-color: #558B2F;">
      <div>
       <span>800</span>
       <span>#558B2F</span>
      </div>
     </div>
     <div style="background-color: #33691E;">
      <div>
       <span>900</span>
       <span>#33691E</span>
      </div>
     </div>
     <div style="background-color: #CCFF90;">
      <div>
       <span>A100</span>
       <span>#CCFF90</span>
      </div>
     </div>
     <div style="background-color: #B2FF59;">
      <div>
       <span>A200</span>
       <span>#B2FF59</span>
      </div>
     </div>
     <div style="background-color: #76FF03;">
      <div>
       <span>A400</span>
       <span>#76FF03</span>
      </div>
     </div>
     <div style="background-color: #64DD17;">
      <div>
       <span>A700</span>
       <span>#64DD17</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #CDDC39;">
      <span>Lime</span>
      <div>
       <span>500</span>
       <span>#CDDC39</span>
      </div>
     </div>
     <div style="background-color: #F9FBE7;">
      <div>
       <span>50</span>
       <span>#F9FBE7</span>
      </div>
     </div>
     <div style="background-color: #F0F4C3;">
      <div>
       <span>100</span>
       <span>#F0F4C3</span>
      </div>
     </div>
     <div style="background-color: #E6EE9C;">
      <div>
       <span>200</span>
       <span>#E6EE9C</span>
      </div>
     </div>
     <div style="background-color: #DCE775;">
      <div>
       <span>300</span>
       <span>#DCE775</span>
      </div>
     </div>
     <div style="background-color: #D4E157;">
      <div>
       <span>400</span>
       <span>#D4E157</span>
      </div>
     </div>
     <div style="background-color: #CDDC39;">
      <div>
       <span>500</span>
       <span>#CDDC39</span>
      </div>
     </div>
     <div style="background-color: #C0CA33;">
      <div>
       <span>600</span>
       <span>#C0CA33</span>
      </div>
     </div>
     <div style="background-color: #AFB42B;">
      <div>
       <span>700</span>
       <span>#AFB42B</span>
      </div>
     </div>
     <div style="background-color: #9E9D24;">
      <div>
       <span>800</span>
       <span>#9E9D24</span>
      </div>
     </div>
     <div style="background-color: #827717;">
      <div>
       <span>900</span>
       <span>#827717</span>
      </div>
     </div>
     <div style="background-color: #F4FF81;">
      <div>
       <span>A100</span>
       <span>#F4FF81</span>
      </div>
     </div>
     <div style="background-color: #EEFF41;">
      <div>
       <span>A200</span>
       <span>#EEFF41</span>
      </div>
     </div>
     <div style="background-color: #C6FF00;">
      <div>
       <span>A400</span>
       <span>#C6FF00</span>
      </div>
     </div>
     <div style="background-color: #AEEA00;">
      <div>
       <span>A700</span>
       <span>#AEEA00</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #FFEB3B;">
      <span>Yellow</span>
      <div>
       <span>500</span>
       <span>#FFEB3B</span>
      </div>
     </div>
     <div style="background-color: #FFFDE7;">
      <div>
       <span>50</span>
       <span>#FFFDE7</span>
      </div>
     </div>
     <div style="background-color: #FFF9C4;">
      <div>
       <span>100</span>
       <span>#FFF9C4</span>
      </div>
     </div>
     <div style="background-color: #FFF59D;">
      <div>
       <span>200</span>
       <span>#FFF59D</span>
      </div>
     </div>
     <div style="background-color: #FFF176;">
      <div>
       <span>300</span>
       <span>#FFF176</span>
      </div>
     </div>
     <div style="background-color: #FFEE58;">
      <div>
       <span>400</span>
       <span>#FFEE58</span>
      </div>
     </div>
     <div style="background-color: #FFEB3B;">
      <div>
       <span>500</span>
       <span>#FFEB3B</span>
      </div>
     </div>
     <div style="background-color: #FDD835;">
      <div>
       <span>600</span>
       <span>#FDD835</span>
      </div>
     </div>
     <div style="background-color: #FBC02D;">
      <div>
       <span>700</span>
       <span>#FBC02D</span>
      </div>
     </div>
     <div style="background-color: #F9A825;">
      <div>
       <span>800</span>
       <span>#F9A825</span>
      </div>
     </div>
     <div style="background-color: #F57F17;">
      <div>
       <span>900</span>
       <span>#F57F17</span>
      </div>
     </div>
     <div style="background-color: #FFFF8D;">
      <div>
       <span>A100</span>
       <span>#FFFF8D</span>
      </div>
     </div>
     <div style="background-color: #FFFF00;">
      <div>
       <span>A200</span>
       <span>#FFFF00</span>
      </div>
     </div>
     <div style="background-color: #FFEA00;">
      <div>
       <span>A400</span>
       <span>#FFEA00</span>
      </div>
     </div>
     <div style="background-color: #FFD600;">
      <div>
       <span>A700</span>
       <span>#FFD600</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #FFC107;">
      <span>Amber</span>
      <div>
       <span>500</span>
       <span>#FFC107</span>
      </div>
     </div>
     <div style="background-color: #FFF8E1;">
      <div>
       <span>50</span>
       <span>#FFF8E1</span>
      </div>
     </div>
     <div style="background-color: #FFECB3;">
      <div>
       <span>100</span>
       <span>#FFECB3</span>
      </div>
     </div>
     <div style="background-color: #FFE082;">
      <div>
       <span>200</span>
       <span>#FFE082</span>
      </div>
     </div>
     <div style="background-color: #FFD54F;">
      <div>
       <span>300</span>
       <span>#FFD54F</span>
      </div>
     </div>
     <div style="background-color: #FFCA28;">
      <div>
       <span>400</span>
       <span>#FFCA28</span>
      </div>
     </div>
     <div style="background-color: #FFC107;">
      <div>
       <span>500</span>
       <span>#FFC107</span>
      </div>
     </div>
     <div style="background-color: #FFB300;">
      <div>
       <span>600</span>
       <span>#FFB300</span>
      </div>
     </div>
     <div style="background-color: #FFA000;">
      <div>
       <span>700</span>
       <span>#FFA000</span>
      </div>
     </div>
     <div style="background-color: #FF8F00;">
      <div>
       <span>800</span>
       <span>#FF8F00</span>
      </div>
     </div>
     <div style="background-color: #FF6F00;">
      <div>
       <span>900</span>
       <span>#FF6F00</span>
      </div>
     </div>
     <div style="background-color: #FFE57F;">
      <div>
       <span>A100</span>
       <span>#FFE57F</span>
      </div>
     </div>
     <div style="background-color: #FFD740;">
      <div>
       <span>A200</span>
       <span>#FFD740</span>
      </div>
     </div>
     <div style="background-color: #FFC400;">
      <div>
       <span>A400</span>
       <span>#FFC400</span>
      </div>
     </div>
     <div style="background-color: #FFAB00;">
      <div>
       <span>A700</span>
       <span>#FFAB00</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #FF9800;">
      <span>Orange</span>
      <div>
       <span>500</span>
       <span>#FF9800</span>
      </div>
     </div>
     <div style="background-color: #FFF3E0;">
      <div>
       <span>50</span>
       <span>#FFF3E0</span>
      </div>
     </div>
     <div style="background-color: #FFE0B2;">
      <div>
       <span>100</span>
       <span>#FFE0B2</span>
      </div>
     </div>
     <div style="background-color: #FFCC80;">
      <div>
       <span>200</span>
       <span>#FFCC80</span>
      </div>
     </div>
     <div style="background-color: #FFB74D;">
      <div>
       <span>300</span>
       <span>#FFB74D</span>
      </div>
     </div>
     <div style="background-color: #FFA726;">
      <div>
       <span>400</span>
       <span>#FFA726</span>
      </div>
     </div>
     <div style="background-color: #FF9800;">
      <div>
       <span>500</span>
       <span>#FF9800</span>
      </div>
     </div>
     <div style="background-color: #FB8C00;">
      <div>
       <span>600</span>
       <span>#FB8C00</span>
      </div>
     </div>
     <div style="background-color: #F57C00;">
      <div>
       <span>700</span>
       <span>#F57C00</span>
      </div>
     </div>
     <div style="background-color: #EF6C00;">
      <div>
       <span>800</span>
       <span>#EF6C00</span>
      </div>
     </div>
     <div style="background-color: #E65100;">
      <div>
       <span>900</span>
       <span>#E65100</span>
      </div>
     </div>
     <div style="background-color: #FFD180;">
      <div>
       <span>A100</span>
       <span>#FFD180</span>
      </div>
     </div>
     <div style="background-color: #FFAB40;">
      <div>
       <span>A200</span>
       <span>#FFAB40</span>
      </div>
     </div>
     <div style="background-color: #FF9100;">
      <div>
       <span>A400</span>
       <span>#FF9100</span>
      </div>
     </div>
     <div style="background-color: #FF6D00;">
      <div>
       <span>A700</span>
       <span>#FF6D00</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #FF5722;">
      <span>Deep Orange</span>
      <div>
       <span>500</span>
       <span>#FF5722</span>
      </div>
     </div>
     <div style="background-color: #FBE9E7;">
      <div>
       <span>50</span>
       <span>#FBE9E7</span>
      </div>
     </div>
     <div style="background-color: #FFCCBC;">
      <div>
       <span>100</span>
       <span>#FFCCBC</span>
      </div>
     </div>
     <div style="background-color: #FFAB91;">
      <div>
       <span>200</span>
       <span>#FFAB91</span>
      </div>
     </div>
     <div style="background-color: #FF8A65;">
      <div>
       <span>300</span>
       <span>#FF8A65</span>
      </div>
     </div>
     <div style="background-color: #FF7043;">
      <div>
       <span>400</span>
       <span>#FF7043</span>
      </div>
     </div>
     <div style="background-color: #FF5722;">
      <div>
       <span>500</span>
       <span>#FF5722</span>
      </div>
     </div>
     <div style="background-color: #F4511E;">
      <div>
       <span>600</span>
       <span>#F4511E</span>
      </div>
     </div>
     <div style="background-color: #E64A19;">
      <div>
       <span>700</span>
       <span>#E64A19</span>
      </div>
     </div>
     <div style="background-color: #D84315;">
      <div>
       <span>800</span>
       <span>#D84315</span>
      </div>
     </div>
     <div style="background-color: #BF360C;">
      <div>
       <span>900</span>
       <span>#BF360C</span>
      </div>
     </div>
     <div style="background-color: #FF9E80;">
      <div>
       <span>A100</span>
       <span>#FF9E80</span>
      </div>
     </div>
     <div style="background-color: #FF6E40;">
      <div>
       <span>A200</span>
       <span>#FF6E40</span>
      </div>
     </div>
     <div style="background-color: #FF3D00;">
      <div>
       <span>A400</span>
       <span>#FF3D00</span>
      </div>
     </div>
     <div style="background-color: #DD2C00;">
      <div>
       <span>A700</span>
       <span>#DD2C00</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #795548;">
      <span>Brown</span>
      <div>
       <span>500</span>
       <span>#795548</span>
      </div>
     </div>
     <div style="background-color: #EFEBE9;">
      <div>
       <span>50</span>
       <span>#EFEBE9</span>
      </div>
     </div>
     <div style="background-color: #D7CCC8;">
      <div>
       <span>100</span>
       <span>#D7CCC8</span>
      </div>
     </div>
     <div style="background-color: #BCAAA4;">
      <div>
       <span>200</span>
       <span>#BCAAA4</span>
      </div>
     </div>
     <div style="background-color: #A1887F;">
      <div>
       <span>300</span>
       <span>#A1887F</span>
      </div>
     </div>
     <div style="background-color: #8D6E63;">
      <div>
       <span>400</span>
       <span>#8D6E63</span>
      </div>
     </div>
     <div style="background-color: #795548;">
      <div>
       <span>500</span>
       <span>#795548</span>
      </div>
     </div>
     <div style="background-color: #6D4C41;">
      <div>
       <span>600</span>
       <span>#6D4C41</span>
      </div>
     </div>
     <div style="background-color: #5D4037;">
      <div>
       <span>700</span>
       <span>#5D4037</span>
      </div>
     </div>
     <div style="background-color: #4E342E;">
      <div>
       <span>800</span>
       <span>#4E342E</span>
      </div>
     </div>
     <div style="background-color: #3E2723;">
      <div>
       <span>900</span>
       <span>#3E2723</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #9E9E9E;">
      <span>Grey</span>
      <div>
       <span>500</span>
       <span>#9E9E9E</span>
      </div>
     </div>
     <div style="background-color: #FAFAFA;">
      <div>
       <span>50</span>
       <span>#FAFAFA</span>
      </div>
     </div>
     <div style="background-color: #F5F5F5;">
      <div>
       <span>100</span>
       <span>#F5F5F5</span>
      </div>
     </div>
     <div style="background-color: #EEEEEE;">
      <div>
       <span>200</span>
       <span>#EEEEEE</span>
      </div>
     </div>
     <div style="background-color: #E0E0E0;">
      <div>
       <span>300</span>
       <span>#E0E0E0</span>
      </div>
     </div>
     <div style="background-color: #BDBDBD;">
      <div>
       <span>400</span>
       <span>#BDBDBD</span>
      </div>
     </div>
     <div style="background-color: #9E9E9E;">
      <div>
       <span>500</span>
       <span>#9E9E9E</span>
      </div>
     </div>
     <div style="background-color: #757575;">
      <div>
       <span>600</span>
       <span>#757575</span>
      </div>
     </div>
     <div style="background-color: #616161;">
      <div>
       <span>700</span>
       <span>#616161</span>
      </div>
     </div>
     <div style="background-color: #424242;">
      <div>
       <span>800</span>
       <span>#424242</span>
      </div>
     </div>
     <div style="background-color: #212121;">
      <div>
       <span>900</span>
       <span>#212121</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #607D8B;">
      <span>Blue Grey</span>
      <div>
       <span>500</span>
       <span>#607D8B</span>
      </div>
     </div>
     <div style="background-color: #ECEFF1;">
      <div>
       <span>50</span>
       <span>#ECEFF1</span>
      </div>
     </div>
     <div style="background-color: #CFD8DC;">
      <div>
       <span>100</span>
       <span>#CFD8DC</span>
      </div>
     </div>
     <div style="background-color: #B0BEC5;">
      <div>
       <span>200</span>
       <span>#B0BEC5</span>
      </div>
     </div>
     <div style="background-color: #90A4AE;">
      <div>
       <span>300</span>
       <span>#90A4AE</span>
      </div>
     </div>
     <div style="background-color: #78909C;">
      <div>
       <span>400</span>
       <span>#78909C</span>
      </div>
     </div>
     <div style="background-color: #607D8B;">
      <div>
       <span>500</span>
       <span>#607D8B</span>
      </div>
     </div>
     <div style="background-color: #546E7A;">
      <div>
       <span>600</span>
       <span>#546E7A</span>
      </div>
     </div>
     <div style="background-color: #455A64;">
      <div>
       <span>700</span>
       <span>#455A64</span>
      </div>
     </div>
     <div style="background-color: #37474F;">
      <div>
       <span>800</span>
       <span>#37474F</span>
      </div>
     </div>
     <div style="background-color: #263238;">
      <div>
       <span>900</span>
       <span>#263238</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #000000;">
      <div>
       <span>Black</span>
       <span>#000000</span>
      </div>
     </div>
     <div style="background-color: #FFFFFF;">
      <div>
       <span>White</span>
       <span>#FFFFFF</span>
      </div>
     </div>
    </div>
    <div>
    </div>
   </section>
  </div>
 </body>
</html>